<div class="navbar-dark jh-navbar">
    <div class="navbar-header" id="divDesktop">
        <a class="navbar-brand logo" routerLink="open-ability">
            <span class="logo-img"></span>
            <span class="navbar-title">能力开放</span>
        </a>
    </div>
    <div class="navbar-collapse collapse" [ngbCollapse]="false">
        <ul class="navbar-nav">
            <li *ngIf="hasAuthority('ROLE_USER')" class="nav-item">
                <a class="nav-link" routerLink="open-ability" routerLinkActive="active">
                    <i class="fa fa-fw fa-opencart" aria-hidden="true"></i>
                    <span>&nbsp;开放能力</span>
                </a>
            </li>
            <li *ngIf="hasAuthority('ROLE_USER')" class="nav-item">
                <a class="nav-link" routerLink="my-ability" routerLinkActive="active">
                    <i class="fa fa-fw fa-ravelry" aria-hidden="true"></i>
                    <span>&nbsp;我的能力</span>
                </a>
            </li>
            <li *ngIf="hasAuthority('ROLE_OPERATOR')" class="nav-item">
                <a class="nav-link" routerLink="all-ability" routerLinkActive="active">
                    <i class="fa fa-fw fa-binoculars" aria-hidden="true"></i>
                    <span>&nbsp;能力编排</span>
                </a>
            </li>
            <li *ngIf="hasAuthority('ROLE_USER')" class="nav-item">
                <a class="nav-link" routerLinkActive="active" href="/udemo/#/" target="_blank">
                    <i class="fa fa-fw fa-picture-o" aria-hidden="true"></i>
                    <span>&nbsp;示范应用</span>
                </a>
            </li>
        </ul>
    </div>
</div>
